<template>
	<view style="width: 100%;">
		<u-grid :col="4" :border="false" style="">
			<u-grid-item @click="previewimage(index)" :customStyle="customStyle" v-for="(item,index) in list" style="">
				<image :src="$store.state.common.systemInfo.fileurl + item" style="width: 100%;height: 130rpx;" mode=""></image>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				customStyle:{
					padding:'5rpx'
				}
			}
		},
		props:{
			list:{
				type:Array,
				default:()=>{
					return []
				}
			}
		},
		mounted() {
			
		},
		methods:{
			previewimage:function(e){
				uni.previewImage({
					urls:this.list.map(e=>this.$store.state.common.systemInfo.fileurl + e),
					current:e
				})
			}
		}
	}
</script>

<style>
</style>